body,html
{
	height:95%;
	width:95%;
	margin-left:auto;
	margin-right:auto;
    font-size: 130%;
}


body
{
	font-size: 1em;
}

#languageDiagnosticsContainer {
	right: 4%;
	height: 4%;
	width: 20%;
	position: absolute;
    margin-top: -15px;
}

#exerciseSandbox {
    margin-top: -20px;
}

#consoleContainer {
    float:left;
    width:100%;
}

#consoleContainer #left,
#consoleContainer #right {
    float:left;
    width:50%;
}

#facebookLikeContainer {
    float:right;
}

#consoleContainer {
    position: relative;
    height: 100%;
    width: 100%;
}


#attribution {
    bottom: 0px;
    width: 100%;
    position: absolute;
    font-size: 75%;
    font-style: italic;
    text-align: center;
}

.ui-button .ui-icon.dropbox {
    background-image: url(https://dl.dropboxusercontent.com/u/11723457/VocabularyTeacher/images/dropbox.png);
	background-size:20px 20px;
    width: 20px;
    height: 20px;
}

.ui-button.ui-state-hover .ui-icon.dropbox {
    background-image: url(https://dl.dropboxusercontent.com/u/11723457/VocabularyTeacher/images/dropbox.png);
	background-size:20px 20px;
    width: 20px;
    height: 20px;
}

.ui-state-active .ui-icon.dropbox {
    background-image: url(https://dl.dropboxusercontent.com/u/11723457/VocabularyTeacher/images/dropbox.png);
	background-size:20px 20px;
    width: 20px;
    height: 20px;
    display: inline-block;
}

.ui-state-default .ui-icon.dropbox {
    background-image: url(https://dl.dropboxusercontent.com/u/11723457/VocabularyTeacher/images/dropbox.png);
	background-size:20px 20px;
    width: 20px;
    height: 20px;
    display: inline-block;
}


@media all and (min-width: 500px) and (min-height: 250px) {
    .prose { font-size: 70%; }
}

@media all (min-width: 800px) and (min-height: 400px) {
    .prose { font-size: 100%; }
}


